<template>
  <div class="layout-logo" :class="{ 'layout-logo__collapsed': collapsed }">
    <img class="layout-logo--img" :src="logoImg" />
    <p class="layout-logo--title">
      <span>{{ config.siteTitle }}</span>
    </p>
  </div>
</template>

<script setup>
import { inject } from 'vue'
import config from '@/config'
import logoImg from '@/assets/images/logo.png'

const collapsed = inject('collapsed')
</script>
